<template>
  <div>
    <p>header</p>
    <p>{{ count }}</p>
  </div>
</template>

<script>
export default {
  name: "Header",
  props: ["count"],
    beforeCreate() {
    console.log("**beforeCreate**");
  },

  created() {
    console.log("**created**");
  },

  beforeMount() {
    console.log("**beforeMount**");
  },

  mounted() {
    console.log("**mounted**");
  },

  beforeUpdate() {
    console.log("**beforeUpdate**");
  },

  updated() {
    console.log("**updated**");
  },

  beforeDestroy() {
    console.log("**beforeDestroy**");
  },

  destroyed() {
    console.log("**destroyed**");
  },
};
</script>

<style>
</style>